@import '../index.less';

.announce {
    .element;
    overflow: hidden;

    .announce-mode {
        white-space: nowrap;
    }

    .icon-announce {
        //
    }

    .announce-icon {
        width: 25px;
        height: 25px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        vertical-align: middle;
        box-sizing: content-box;
        img {
            width: 25px;
            height: 25px;
        }
        .el-icon {
            vertical-align: inherit;
        }
    }

    .scroll-box {
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
    }

    .scroll-content0 {
        position: relative;
        font-size: 0;

        .announce-content {
            padding-left: 10px;

            &:first-child {
                padding-left: 0px;
            }
        }
    }

    .announce-mode1,
    .announce-mode1-box {
        display: inline-block;
        vertical-align: middle;
    }

    .announce-mode1 {
        position: absolute;
    }

    .scroll-content1 {
        position: relative;
        top: 0;
        transition: all 1s;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .announce-content {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}